<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>详情列表</title>
    <link rel="stylesheet" href="../css/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/header.css">
    <script src="../js/jquery-1.12.3.min.js"></script>
    <link rel="stylesheet" href="../css/shouye3.css">
    <script src="../js/public copy.js"></script>
    <script src="../js/SecondHandList.js"></script>
    <style>
        .zufang {
            float: left;
            height: 0.4rem;
            line-height: 0.4rem;
            margin-left: 0.3rem;
        }
        
        .shouye {
            font-size: 0.2rem;
        }
    </style>

</head>

<body>
    <!--*******************引入头部************************-->
    <header id="header">
        <div class="icon">
            <div id="logo"><img src="../img/index/logo.png" /></div>
            <div id="my"><img class="" src="../img/index/my.png" /></div>
            <div id="xiazai"><img class="" src="../img/index/xiazai.png" /></div>
        </div>
    </header>
    <!-- 首页租房 -->
    <div class="zufang">
        <span class="shouye">首页</span>
        <span>></span>
        <span>我的</span>
        <span>></span>
        <span>我关注的小区</span>

    </div>
    <div id="main">

    </div>

    </div>
    </div>
    <!--***************房源列表部分************-->
    <div id="houseList" class="media">
        <ul>
            <li>
                <div class="media-left">
                    <img src="../image/my/img1.png" />
                </div>
                <div class="media-body">
                    <div>
                        <h2>辉煌国际</h2>
                    </div>
                    <div>
                        <h5></h5>
                    </div>
                    <div class="des1">
                        <p>昌平区-回龙观<br> 2007年建成
                        </p>
                        <p class="des1_right">37050/平</p>
                    </div>
                    <div class="des2">
                        <p>板塔结构</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="media-left">
                    <img src="../image/my/img2.png" />
                </div>
                <div class="media-body">
                    <div>
                        <h2>万寿园</h2>
                    </div>
                    <div class="des1">
                        <p>昌平区-回龙观<br>2007年建成
                        </p>
                        <p class="des1_right">56447/平</p>
                    </div>
                    <div class="des2">
                        <p>板塔结构</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="media-left">
                    <img src="../image/my/img3.png" />
                </div>
                <div class="media-body">
                    <div>
                        <h2>红莲南里5号</h2>
                    </div>
                    <div class="des1">
                        <p>昌平区-回龙观<br>2007年建成</p>
                        <p class="des1_right">89776/平</p>
                    </div>
                    <div class="des2">
                        <p>板塔结构</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="media-left">
                    <img src="../image/my/img4.png" />
                </div>
                <div class="media-body">
                    <div>
                        <h2>万寿西街16号</h2>
                    </div>
                    <div class="des1">
                        <p>昌平区-回龙观<br>2007年建成</p>
                        <p class="des1_right">90778/平</p>
                    </div>
                    <div class="des2">
                        <p>板塔结构</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>


    <script>
        $(function() {
            setRem();
            $(function() {
                $(window).bind("resize", function() {
                    setRem();
                })
            });
        })
        $("#navList>ul>li").click(function() {
            active($(this))
        })
        $("#zhe").click(function() {
            body();
        })
    </script>
</body>

</html>